<!doctype html>
<html lang="zh-CN" data-theme="light">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="generator" content="VuePress 2.0.0-rc.9" />
    <meta name="theme" content="VuePress Theme Hope 2.0.0-rc.41" />
    <style>
      html {
        background: var(--bg-color, #fff);
      }

      html[data-theme="dark"] {
        background: var(--bg-color, #1d1e1f);
      }

      body {
        background: var(--bg-color);
      }
    </style>
    <script>
      const userMode = localStorage.getItem("vuepress-theme-hope-scheme");
      const systemDarkMode =
        window.matchMedia &&
        window.matchMedia("(prefers-color-scheme: dark)").matches;

      if (userMode === "dark" || (userMode !== "light" && systemDarkMode)) {
        document.documentElement.setAttribute("data-theme", "dark");
      }
    </script>
    <meta property="og:url" content="https://vuepress-theme-hope-docs-demo.netlify.app/"><meta property="og:site_name" content="文档演示"><meta property="og:title" content="项目主页"><meta property="og:description" content="这是项目主页的案例。你可以在这里放置你的主体内容。 想要使用此布局，你需要在页面 front matter 中设置 home: true。 配置项的相关说明详见 项目主页配置。"><meta property="og:type" content="website"><meta property="og:locale" content="zh-CN"><meta property="article:author" content="Mr.Hope"><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"项目主页","description":"这是项目主页的案例。你可以在这里放置你的主体内容。 想要使用此布局，你需要在页面 front matter 中设置 home: true。 配置项的相关说明详见 项目主页配置。"}</script><title>项目主页 | 文档演示</title><meta name="description" content="这是项目主页的案例。你可以在这里放置你的主体内容。 想要使用此布局，你需要在页面 front matter 中设置 home: true。 配置项的相关说明详见 项目主页配置。">
    <link rel="preload" href="/assets/style-BafdMmcs.css" as="style"><link rel="stylesheet" href="/assets/style-BafdMmcs.css">
    <link rel="modulepreload" href="/assets/app-BXWtRFrD.js"><link rel="modulepreload" href="/assets/index.html-C1pgQ10i.js"><link rel="modulepreload" href="/assets/plugin-vue_export-helper-DlAUqK2U.js">
    <link rel="prefetch" href="/assets/disable.html-B2wYxVn8.js" as="script"><link rel="prefetch" href="/assets/encrypt.html-C3Z7Ab5e.js" as="script"><link rel="prefetch" href="/assets/layout.html-vgYDuFfK.js" as="script"><link rel="prefetch" href="/assets/markdown.html-BJgwxrpv.js" as="script"><link rel="prefetch" href="/assets/page.html-B8Ek8jCW.js" as="script"><link rel="prefetch" href="/assets/index.html-BMvLtTNW.js" as="script"><link rel="prefetch" href="/assets/index.html-Dd0gE9-7.js" as="script"><link rel="prefetch" href="/assets/baz.html-CT5pr_3q.js" as="script"><link rel="prefetch" href="/assets/index.html-Bo0xP1Ar.js" as="script"><link rel="prefetch" href="/assets/ray.html-yQJqm9Ax.js" as="script"><link rel="prefetch" href="/assets/index.html-B2nK3wo8.js" as="script"><link rel="prefetch" href="/assets/404.html-Ih0Kekht.js" as="script"><link rel="prefetch" href="/assets/giscus--_FS5kYt.js" as="script"><link rel="prefetch" href="/assets/photoswipe.esm-SzV8tJDW.js" as="script">
  </head>
  <body>
    <div id="app"><!--[--><!--[--><!--[--><span tabindex="-1"></span><a href="#main-content" class="vp-skip-link sr-only">跳至主要內容</a><!--]--><div class="theme-container no-sidebar"><!--[--><header id="navbar" class="vp-navbar"><div class="vp-navbar-start"><button type="button" class="vp-toggle-sidebar-button" title="Toggle Sidebar"><span class="icon"></span></button><!--[--><!----><!--]--><!--[--><a class="route-link vp-brand" href="/"><img class="vp-nav-logo" src="https://theme-hope-assets.vuejs.press/logo.svg" alt><!----><span class="vp-site-name hide-in-pad">文档演示</span></a><!--]--><!--[--><!----><!--]--></div><div class="vp-navbar-center"><!--[--><!----><!--]--><!--[--><nav class="vp-nav-links"><div class="vp-nav-item hide-in-mobile"><a class="route-link active vp-link" href="/" aria-label="项目主页"><span class="font-icon icon fa-fw fa-sm fas fa-home" style=""></span>项目主页<!----></a></div><div class="vp-nav-item hide-in-mobile"><a class="route-link vp-link" href="/demo/" aria-label="主要功能与配置演示"><span class="font-icon icon fa-fw fa-sm fas fa-laptop-code" style=""></span>主要功能与配置演示<!----></a></div><div class="vp-nav-item hide-in-mobile"><div class="vp-dropdown-wrapper"><button type="button" class="vp-dropdown-title" aria-label="指南"><!--[--><span class="font-icon icon fa-fw fa-sm fas fa-lightbulb" style=""></span>指南<!--]--><span class="arrow"></span><ul class="vp-dropdown"><li class="vp-dropdown-item"><h4 class="vp-dropdown-subtitle">Bar</h4><ul class="vp-dropdown-subitems"><li class="vp-dropdown-subitem"><a class="route-link vp-link" href="/guide/bar/baz.html" aria-label="Baz"><span class="font-icon icon fa-fw fa-sm fas fa-circle-info" style=""></span>Baz<!----></a></li><li class="vp-dropdown-subitem"><a class="route-link vp-link" href="/guide/bar/" aria-label="..."><span class="font-icon icon fa-fw fa-sm fas fa-ellipsis" style=""></span>...<!----></a></li></ul></li><li class="vp-dropdown-item"><h4 class="vp-dropdown-subtitle">Foo</h4><ul class="vp-dropdown-subitems"><li class="vp-dropdown-subitem"><a class="route-link vp-link" href="/guide/foo/ray.html" aria-label="Ray"><span class="font-icon icon fa-fw fa-sm fas fa-circle-info" style=""></span>Ray<!----></a></li><li class="vp-dropdown-subitem"><a class="route-link vp-link" href="/guide/foo/" aria-label="..."><span class="font-icon icon fa-fw fa-sm fas fa-ellipsis" style=""></span>...<!----></a></li></ul></li></ul></button></div></div><div class="vp-nav-item hide-in-mobile"><a class="vp-link" href="https://theme-hope.vuejs.press/zh/" rel="noopener noreferrer" target="_blank" aria-label="V2 文档"><span class="font-icon icon fa-fw fa-sm fas fa-book" style=""></span>V2 文档<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span><!----></a></div></nav><!--]--><!--[--><!----><!--]--></div><div class="vp-navbar-end"><!--[--><!----><!--]--><!--[--><!----><div class="vp-nav-item vp-action"><a class="vp-action-link" href="https://github.com/vuepress-theme-hope/vuepress-theme-hope" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><svg xmlns="http://www.w3.org/2000/svg" class="icon github-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="github icon" style="width:1.25rem;height:1.25rem;vertical-align:middle;"><path d="M511.957 21.333C241.024 21.333 21.333 240.981 21.333 512c0 216.832 140.544 400.725 335.574 465.664 24.49 4.395 32.256-10.07 32.256-23.083 0-11.69.256-44.245 0-85.205-136.448 29.61-164.736-64.64-164.736-64.64-22.315-56.704-54.4-71.765-54.4-71.765-44.587-30.464 3.285-29.824 3.285-29.824 49.195 3.413 75.179 50.517 75.179 50.517 43.776 75.008 114.816 53.333 142.762 40.79 4.523-31.66 17.152-53.377 31.19-65.537-108.971-12.458-223.488-54.485-223.488-242.602 0-53.547 19.114-97.323 50.517-131.67-5.035-12.33-21.93-62.293 4.779-129.834 0 0 41.258-13.184 134.912 50.346a469.803 469.803 0 0 1 122.88-16.554c41.642.213 83.626 5.632 122.88 16.554 93.653-63.488 134.784-50.346 134.784-50.346 26.752 67.541 9.898 117.504 4.864 129.834 31.402 34.347 50.474 78.123 50.474 131.67 0 188.586-114.73 230.016-224.042 242.09 17.578 15.232 33.578 44.672 33.578 90.454v135.85c0 13.142 7.936 27.606 32.854 22.87C862.25 912.597 1002.667 728.747 1002.667 512c0-271.019-219.648-490.667-490.71-490.667z"></path></svg></a></div><div class="vp-nav-item hide-in-mobile"><button type="button" class="vp-color-mode-switch" id="color-mode-switch"><svg xmlns="http://www.w3.org/2000/svg" class="icon auto-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="auto icon" style="display:block;"><path d="M512 992C246.92 992 32 777.08 32 512S246.92 32 512 32s480 214.92 480 480-214.92 480-480 480zm0-840c-198.78 0-360 161.22-360 360 0 198.84 161.22 360 360 360s360-161.16 360-360c0-198.78-161.22-360-360-360zm0 660V212c165.72 0 300 134.34 300 300 0 165.72-134.28 300-300 300z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="icon dark-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="dark icon" style="display:none;"><path d="M524.8 938.667h-4.267a439.893 439.893 0 0 1-313.173-134.4 446.293 446.293 0 0 1-11.093-597.334A432.213 432.213 0 0 1 366.933 90.027a42.667 42.667 0 0 1 45.227 9.386 42.667 42.667 0 0 1 10.24 42.667 358.4 358.4 0 0 0 82.773 375.893 361.387 361.387 0 0 0 376.747 82.774 42.667 42.667 0 0 1 54.187 55.04 433.493 433.493 0 0 1-99.84 154.88 438.613 438.613 0 0 1-311.467 128z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="icon light-icon" viewBox="0 0 1024 1024" fill="currentColor" aria-label="light icon" style="display:none;"><path d="M952 552h-80a40 40 0 0 1 0-80h80a40 40 0 0 1 0 80zM801.88 280.08a41 41 0 0 1-57.96-57.96l57.96-58a41.04 41.04 0 0 1 58 58l-58 57.96zM512 752a240 240 0 1 1 0-480 240 240 0 0 1 0 480zm0-560a40 40 0 0 1-40-40V72a40 40 0 0 1 80 0v80a40 40 0 0 1-40 40zm-289.88 88.08-58-57.96a41.04 41.04 0 0 1 58-58l57.96 58a41 41 0 0 1-57.96 57.96zM192 512a40 40 0 0 1-40 40H72a40 40 0 0 1 0-80h80a40 40 0 0 1 40 40zm30.12 231.92a41 41 0 0 1 57.96 57.96l-57.96 58a41.04 41.04 0 0 1-58-58l58-57.96zM512 832a40 40 0 0 1 40 40v80a40 40 0 0 1-80 0v-80a40 40 0 0 1 40-40zm289.88-88.08 58 57.96a41.04 41.04 0 0 1-58 58l-57.96-58a41 41 0 0 1 57.96-57.96z"></path></svg></button></div><!----><!--]--><!--[--><!----><!--]--><button type="button" class="vp-toggle-navbar-button" aria-label="Toggle Navbar" aria-expanded="false" aria-controls="nav-screen"><span><span class="vp-top"></span><span class="vp-middle"></span><span class="vp-bottom"></span></span></button></div></header><!----><!--]--><!----><div class="toggle-sidebar-wrapper"><span class="arrow start"></span></div><aside id="sidebar" class="vp-sidebar"><!--[--><!----><!--]--><ul class="vp-sidebar-links"></ul><!--[--><!----><!--]--></aside><!--[--><main id="main-content" class="vp-project-home" aria-labelledby="main-title"><!----><header class="vp-hero-info-wrapper"><!--[--><div class="vp-hero-mask light" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/6-light.svg);background-attachment:fixed;"></div><div class="vp-hero-mask dark" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/6-dark.svg);background-attachment:fixed;"></div><!--]--><div class="vp-hero-info"><!--[--><img class="vp-hero-image" style="" src="https://theme-hope-assets.vuejs.press/logo.svg" alt="项目名称"><!--]--><div class="vp-hero-infos"><h1 id="main-title">项目名称</h1><p id="main-description">你可以在这里放置或是整个项目的描述。</p><p class="vp-hero-actions"><a class="route-link vp-link vp-hero-action primary" href="/./demo/" aria-label="使用指南"><!--[--><span class="font-icon icon fa-fw fa-sm fas fa-lightbulb" style=""></span><!--]-->使用指南<!----></a><a class="route-link vp-link vp-hero-action default" href="/./guide/" aria-label="文档"><!---->文档<!----></a></p></div></div></header><!--[--><div class="vp-highlight-wrapper" style=""><div class="vp-highlight-bg light" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/3-light.svg);"></div><div class="vp-highlight-bg dark" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/3-dark.svg);"></div><div class="vp-highlight"><!--[--><img class="vp-highlight-image" src="/assets/image/box.svg" alt><!----><!--]--><!--[--><div class="vp-highlight-info-wrapper"><div class="vp-highlight-info"><h2 class="vp-highlight-header">易于安装</h2><!----><ul class="vp-highlights"><li class="vp-highlight-item-wrapper"><div class="vp-highlight-item"><h3 class="vp-highlight-title"><!----><span>运行 <code>pnpm create vuepress-theme-hope hope-project</code> 以创建一个新的主题项目。</span></h3><!----></div></li><li class="vp-highlight-item-wrapper"><div class="vp-highlight-item"><h3 class="vp-highlight-title"><!----><span>在已有项目根目录下运行 <code>pnpm create vuepress-theme-hope add .</code> 以在项目中添加主题。</span></h3><!----></div></li></ul></div></div><!--]--></div></div><div class="vp-feature-wrapper"><div class="vp-feature-bg light" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/2-light.svg);background-repeat:repeat;background-size:initial;"></div><div class="vp-feature-bg dark" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/2-dark.svg);background-repeat:repeat;background-size:initial;"></div><div class="vp-feature" style=""><!--[--><img class="vp-feature-image" src="/assets/image/markdown.svg" alt><!----><!--]--><!--[--><h2 class="vp-feature-header">在 Markdown 中添加你想要的内容</h2><p class="vp-feature-description">我们扩展了标准的 CommonMark 规范，为你添加了成吨功能。</p><!--]--><div class="vp-features"><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/others.html#link-check" aria-label="链接检查" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-clipboard-check" style=""></span><span>链接检查</span></h3><p class="vp-feature-details">检查 Markdown 链接</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/hint.html" aria-label="提示容器支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-box-archive" style=""></span><span>提示容器支持</span></h3><p class="vp-feature-details">用样式装饰 Markdown 内容</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/alert.html" aria-label="GFM 警告" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-bell" style=""></span><span>GFM 警告</span></h3><p class="vp-feature-details">GFM 风格的警告容器</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/tabs.html" aria-label="选项卡" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-table-columns" style=""></span><span>选项卡</span></h3><p class="vp-feature-details">使用选项卡对相似内容进行分组</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/code-tabs.html" aria-label="代码组" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-code" style=""></span><span>代码组</span></h3><p class="vp-feature-details">使用选项卡对相似代码进行分组</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/align.html" aria-label="自定义对齐支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-align-center" style=""></span><span>自定义对齐支持</span></h3><p class="vp-feature-details">让你在 Markdown 中对段落进行对齐</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/attrs.html" aria-label="自定义属性支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-code" style=""></span><span>自定义属性支持</span></h3><p class="vp-feature-details">让你为 Markdown 元素添加属性</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/sup-sub.html" aria-label="上下角标支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-superscript" style=""></span><span>上下角标支持</span></h3><p class="vp-feature-details">你的 Markdown 现在将支持上下角标</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/footnote.html" aria-label="脚注" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-quote-left" style=""></span><span>脚注</span></h3><p class="vp-feature-details">你的 Markdown 现在将支持脚注</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/mark.html" aria-label="标记支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-highlighter" style=""></span><span>标记支持</span></h3><p class="vp-feature-details">让你在 Markdown 中对词句进行标记</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/tasklist.html" aria-label="任务列表" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-square-check" style=""></span><span>任务列表</span></h3><p class="vp-feature-details">在 Markdown 中使用任务列表</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/image.html" aria-label="图片语法" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-image" style=""></span><span>图片语法</span></h3><p class="vp-feature-details">使用改进的语法指定图片大小与颜色模式</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/component.html" aria-label="组件支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-puzzle-piece" style=""></span><span>组件支持</span></h3><p class="vp-feature-details">在 Markdown 中轻松插入组件</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/chartjs.html" aria-label="图表支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-chart-simple" style=""></span><span>图表支持</span></h3><p class="vp-feature-details">在 Markdown 中展示图表</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/flowchart.html" aria-label="流程图支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-route" style=""></span><span>流程图支持</span></h3><p class="vp-feature-details">可以在 Markdown 中直接写出流程图</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/mermaid.html" aria-label="Mermaid 支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-chart-pie" style=""></span><span>Mermaid 支持</span></h3><p class="vp-feature-details">可以在 Markdown 中添加 Mermaid 图例</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/tex.html" aria-label="Tex 支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-square-root-variable" style=""></span><span>Tex 支持</span></h3><p class="vp-feature-details">Markdown 现在也可以支持 Tex 语法以显示公式</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/include.html" aria-label="导入文件支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fab fa-markdown" style=""></span><span>导入文件支持</span></h3><p class="vp-feature-details">将你的文档分段，并在 Markdown 中导入</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/playground.html" aria-label="交互演示支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-code" style=""></span><span>交互演示支持</span></h3><p class="vp-feature-details">你可以在 Markdown 中添加交互演示</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/vue-playground.html" aria-label="Vue 交互演示支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fab fa-vuejs" style=""></span><span>Vue 交互演示支持</span></h3><p class="vp-feature-details">在交互演示中展示 Vue 组件</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/sandpack.html" aria-label="Sandpack 交互演示支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-code" style=""></span><span>Sandpack 交互演示支持</span></h3><p class="vp-feature-details">Sandpack 驱动的实时的编码环境</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/demo.html" aria-label="代码案例支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-laptop-code" style=""></span><span>代码案例支持</span></h3><p class="vp-feature-details">你可以很方便的插入代码案例</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/markdown/revealjs.html" aria-label="幻灯片支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-person-chalkboard" style=""></span><span>幻灯片支持</span></h3><p class="vp-feature-details">通过 Reveal.js 在 Markdown 中插入幻灯片</p></a></div></div></div><div class="vp-highlight-wrapper" style=""><div class="vp-highlight-bg light" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/5-light.svg);"></div><div class="vp-highlight-bg dark" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/5-dark.svg);"></div><div class="vp-highlight"><!--[--><img class="vp-highlight-image" src="/assets/image/layout.svg" alt><!----><!--]--><!--[--><div class="vp-highlight-info-wrapper"><div class="vp-highlight-info"><h2 class="vp-highlight-header">布局</h2><p class="vp-highlight-description">一个带有完整无障碍支持的响应式布局。</p><ul class="vp-highlights"><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/layout/" aria-label="布局增强" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-object-group vp-highlight-icon" style=""></span><span>布局增强</span></h3><p class="vp-highlight-details">添加路径导航、页脚、改进的导航栏、改进的页面导航等。</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/interface/darkmode.html" aria-label="深色模式" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-circle-half-stroke vp-highlight-icon" style=""></span><span>深色模式</span></h3><p class="vp-highlight-details">可以自由切换浅色模式与深色模式</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/interface/theme-color.html" aria-label="主题色切换" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-palette vp-highlight-icon" style=""></span><span>主题色切换</span></h3><p class="vp-highlight-details">支持自定义主题色并允许用户在预设的主题颜色之间切换</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/layout/slides" aria-label="幻灯片页面" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-person-chalkboard vp-highlight-icon" style=""></span><span>幻灯片页面</span></h3><p class="vp-highlight-details">添加幻灯片页面以显示你喜欢的内容</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/interface/others.html" aria-label="更多" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-ellipsis vp-highlight-icon" style=""></span><span>更多</span></h3><p class="vp-highlight-details">RTL 布局，打印支持，全局按钮等</p></a></li></ul></div></div><!--]--></div></div><div class="vp-feature-wrapper"><div class="vp-feature-bg light" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/1-light.svg);"></div><div class="vp-feature-bg dark" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/1-dark.svg);"></div><div class="vp-feature" style=""><!--[--><img class="vp-feature-image" src="/assets/image/features.svg" alt><!----><!--]--><!--[--><h2 class="vp-feature-header">新功能</h2><!----><!--]--><div class="vp-features"><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/feature/comment.html" aria-label="浏览量与评论" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-comment-dots" style=""></span><span>浏览量与评论</span></h3><p class="vp-feature-details">配合 Waline 来开启阅读量统计与评论支持</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/feature/page-info.html" aria-label="文章信息" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-circle-info" style=""></span><span>文章信息</span></h3><p class="vp-feature-details">为你的文章添加作者、写作日期、预计阅读时间、字数统计等信息</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/feature/encrypt.html" aria-label="文章加密" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-lock" style=""></span><span>文章加密</span></h3><p class="vp-feature-details">你可以为你的特定页面或特定目录进行加密，以便陌生人不能随意访问它们</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/feature/search.html" aria-label="搜索支持" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-search" style=""></span><span>搜索支持</span></h3><p class="vp-feature-details">支持 docsearch 和基于客户端的搜索</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/feature/copy-code.html" aria-label="代码复制" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-copy" style=""></span><span>代码复制</span></h3><p class="vp-feature-details">一键复制代码块中的代码</p></a><a class="vp-feature-item link" href="https://theme-hope.vuejs.press/zh/guide/feature/photo-swipe.html" aria-label="图片预览" target="_blank"><h3 class="vp-feature-title"><span class="font-icon icon fa-fw fa-sm fas fa-image" style=""></span><span>图片预览</span></h3><p class="vp-feature-details">像相册一样允许你浏览、缩放并分享你的页面图片</p></a></div></div></div><div class="vp-highlight-wrapper" style=""><div class="vp-highlight-bg light" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/5-light.svg);"></div><div class="vp-highlight-bg dark" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/5-dark.svg);"></div><div class="vp-highlight"><!--[--><img class="vp-highlight-image" src="/assets/image/blog.svg" alt><!----><!--]--><!--[--><div class="vp-highlight-info-wrapper"><div class="vp-highlight-info"><h2 class="vp-highlight-header">博客</h2><p class="vp-highlight-description">通过主题创建个人博客</p><ul class="vp-highlights"><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/blog/intro.html" aria-label="博客功能" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-blog vp-highlight-icon" style=""></span><span>博客功能</span></h3><p class="vp-highlight-details">通过文章的日期、标签和分类展示文章</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/blog/home.html" aria-label="博客主页" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-home vp-highlight-icon" style=""></span><span>博客主页</span></h3><p class="vp-highlight-details">全新博客主页</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/blog/blogger.html" aria-label="博主信息" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-home vp-highlight-icon" style=""></span><span>博主信息</span></h3><p class="vp-highlight-details">自定义名称、头像、座右铭和社交媒体链接</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/blog/timeline.html" aria-label="时间线" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-home vp-highlight-icon" style=""></span><span>时间线</span></h3><p class="vp-highlight-details">在时间线中浏览和通读博文</p></a></li></ul></div></div><!--]--></div></div><div class="vp-highlight-wrapper" style=""><div class="vp-highlight-bg light" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/4-light.svg);"></div><div class="vp-highlight-bg dark" style="background-image:url(https://theme-hope-assets.vuejs.press/bg/4-dark.svg);"></div><div class="vp-highlight"><!--[--><img class="vp-highlight-image" src="/assets/image/advanced.svg" alt><!----><!--]--><!--[--><div class="vp-highlight-info-wrapper"><div class="vp-highlight-info"><h2 class="vp-highlight-header">高级</h2><p class="vp-highlight-description">增强站点与用户体验的高级功能</p><ul class="vp-highlights"><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/advanced/seo.html" aria-label="SEO 增强" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-dumbbell vp-highlight-icon" style=""></span><span>SEO 增强</span></h3><p class="vp-highlight-details">将最终生成的网页针对搜索引擎进行优化。</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/advanced/sitemap.html" aria-label="Sitemap" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-sitemap vp-highlight-icon" style=""></span><span>Sitemap</span></h3><p class="vp-highlight-details">自动为你的网站生成 Sitemap</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/advanced/feed.html" aria-label="Feed 支持" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-rss vp-highlight-icon" style=""></span><span>Feed 支持</span></h3><p class="vp-highlight-details">生成你的 Feed，并通知你的用户订阅它</p></a></li><li class="vp-highlight-item-wrapper link"><a class="vp-highlight-item link" href="https://theme-hope.vuejs.press/zh/guide/advanced/pwa.html" aria-label="PWA 支持" target="_blank"><h3 class="vp-highlight-title"><span class="font-icon icon fa-fw fa-sm fas fa-mobile-screen vp-highlight-icon" style=""></span><span>PWA 支持</span></h3><p class="vp-highlight-details">让你的网站更像一个 APP</p></a></li></ul></div></div><!--]--></div></div><!--]--><!----><div class="theme-hope-content"><p>这是项目主页的案例。你可以在这里放置你的主体内容。</p><p>想要使用此布局，你需要在页面 front matter 中设置 <code>home: true</code>。</p><p>配置项的相关说明详见 <a href="https://theme-hope.vuejs.press/zh/guide/layout/home/" target="_blank" rel="noopener noreferrer">项目主页配置<span><svg class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。</p></div><!----></main><!--]--><footer class="vp-footer-wrapper"><div class="vp-footer">使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主题 | MIT 协议, 版权所有 © 2019-present Mr.Hope</div><!----></footer></div><!--]--><!--[--><!----><!--]--><!--]--></div>
    <script type="module" src="/assets/app-BXWtRFrD.js" defer></script>
  </body>
</html>
